<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src='./jquery3.5.min.js'></script>
</head>
<body>
    <div id="box1"></div>
    <div id="box2"></div>
    <div id="box3"></div>
    <button onclick="fetch()">请求</button>
    <script>
        function com(res, callback){//抽离公共的部分减少代码量 
            $.ajax({
                url:res,
                type:'get',
                timeout:100000,//建议时间大一点考虑用户网络不好的情况，规定一个超时时间超过固定时间没有相应就是处理失败的函数
                success:function(res){
                    callback(res)
                    $("#box3").html(res.title)
                },
                error:function(err){
                    callback(err)
                    console.log('err11--->',err)
                }
            })
        }
        com('http://192.168.10.123:9999/path1', function(data){
            console.log('1',data)
                com('http://192.168.10.123:9999/path2', function(data){
                console.log('2',data)
                    com('http://192.168.10.123:9999/path3', function(data){
                    console.log('3',data)
                        com('http://192.168.10.123:9999/path4', function(data){
                            console.log('4',data)
                            com('http://192.168.10.123:9999/path5', function(data){
                                console.log('5',data)
                            })
                        })
                    })
                })
            })
        // function fetch () {
        //     $.ajax({
        //         url:com('http://192.168.10.123:9999/path1',),
         //         data:{
                    //     username:'121',
                    //     password:'121212',
                    // },
                    // dataType:'json',
        //         //建议时间大一点考虑用户网络不好的情况，规定一个超时时间超过固定时间没有相应就是处理失败的函数
        //         success:function(res){
        //                 console.log('chenggong',res)
        //                 $("#box1").html(res.title)
        //                     $.ajax({
        //                         url:com('http://192.168.10.123:9999/path2'),
        //                         success:function(res){
        //                             console.log('res22--->',res)
        //                             $("#box2").html(res.title)
        //                         },
        //                         error:function(err){
        //                             console.log('err22--->',err)
        //                         }
        //                 })
        //                 $.ajax({
        //                 url:com('http://192.168.10.123:9999/path3'),
        //                 success:function(res){
        //                     console.log('res33--->',res)
        //                     $("#box3").html(res.title)
        //                 },
        //                 error:function(err){
        //                     console.log('err33--->',err)
        //                 }
        //             })
        //                 },
        //                 error:function(err){
        //                     console.log('shibai',err)
        //         }
        //     })
        // }
    </script>
</body>
</html>